<div v-show="show" class="index bg-main">
	<div class="containFt main index">
		<!--轮播广告-->
		<div class="swiper-container" id="swiper-container">
			<div class="swiper-wrapper">
				<template v-for="src in advSrc">
				<div class="swiper-slide"><img :src="src" width="100%" /></div>
				</template>
				<!--<div class="swiper-slide"><img src="/static/img/1.jpg" width="100%" /></div>
				<div class="swiper-slide"><img src="/static/img/2.jpg" width="100%" /></div>
				<div class="swiper-slide"><img src="/static/img/3.jpg" width="100%" /></div>
				<div class="swiper-slide"><img src="/static/img/4.jpg" width="100%" /></div>-->
			</div>
			<div class="swiper-pagination"></div>
		</div>

		<div class="art_pro_list">
				
			<!--标签切换-->
			<div class="swiper-container" id="J_TabSwiperContainer" v-show="groups.length">
				<ul class="tabs swiper-wrapper">
					<template v-for="(group,index) in groups">
					<li :class="{'active':tabIndex==group.labelid}"><a href="javascript:;" @click="tabChange(group.labelid)">{{group.labelname}}</a></li>	
					</template>
				</ul>
			</div>
			<!--商品列表-->
			<ul class="product_list" v-show="goods_arr.length">
			<template v-for="(goods,index) in goods_arr">
				<!--所有商品-->
				<li @click="buy(goods.goodscode,goods.issuestatus,goods)">
				<!--<li @click="buy(goods.goodscode,goods.issuestatus,goods)" v-if="(tabIndex==='0' || goods.groupid == tabIndex)">-->
						<div class="slide_list">
							<div class="slist_c fl">
								<p><h3>{{goods.goodsname}}</h3></p>
								<p>商品代码：{{goods.goodscode}}</p>
								<p v-if="goods.issuestatus == 49">开始时间：{{goods.issuestarttime}}</p>
								<!--认购截止时间：认购期、认购结束、非抢购-->
								<p v-if="(goods.issuestatus == 50) && !goods.flashsale">截止时间：{{goods.issueendtime}}</p>
								<p v-if="(goods.issuestatus == 55)">上市时间：{{goods.validatestarttime}}</p>
								<!--抢购倒计时-->
								<p :id="'time'+goods.goodscode" class="timer color-up none">
									<!--正在抢购中，距结束仅剩&nbsp;<span class="date"></span>-->
									<!--正在抢购中，距结束仅剩&nbsp;<span class="hour">00</span>:<span class="mini">00</span>:<span class="sec">00</span>-->
								</p>
								<!--下一场次-->
								<!--<p :id="'nexttime'+goods.goodscode" class="timer color-up">{{codeToNextFlashsale[code]}}</p>-->
								<p :id="'nexttime'+goods.goodscode" class="timer color-up">{{code2goods[goods.goodscode].nextFlashsaleStarttime}}</p>
							</div>
							<div class="slist_r fr">
								<p>{{goods.issuestatus|statusPrice(goods.goodscode)}}</p>
								<p class="plus red" :id="'hq'+goods.goodscode">{{goods.issueprice|priceFormat(goods.mindecimal)}}</p>
							</div>
							<div class="clear"></div>
						</div>
					<div class="slist_type" :class="{'show':goods.issuestatus == 49,'subscrip':goods.issuestatus == 50,'end':goods.issuestatus == 54||goods.issuestatus == 55}"><span>{{goods.issuestatus|status}}</span></div>
				</li>
			</template>
			</ul>
			
			<div class="loadingCt" v-show="!groups.length || typeof goods_arr == 'undefined'"></div>
		</div>		
	</div>
</div>